<script setup>
import { useRouter } from "vue-router";

const router = useRouter();
const openLoginPage = () => {
  router.push("/admin-login"); // 或者重定向到特定路由
};
</script>

<template>
  <div class="page-website-filing">
    <!-- Divider 的文字居中 -->
    <el-divider class="divider">
      <p>南苑小镇</p>
    </el-divider>
    <!-- Col 的文字居中 -->
    <el-col :span="24" class="col">
      <el-text class="mx-1" type="danger" tag="p" @click="openLoginPage">
        网站管理入口
      </el-text>
      <el-text class="mx-1" type="info" tag="p">
        备案号: 粤 ICP 备 20241115 号 - 1 | 地址: 广州南方学院
      </el-text>
      <el-text class="mx-1" type="info" tag="p">
        开发者:
        <a href="https://github.com/Anthonyfhd" target="_blank">
          @Anthonyfhd
        </a>
        |
        <a href="https://github.com/ZengzicongLiuyi" target="_blank">
          @ZengzicongLiuyi
        </a>
        |
        <a href="https://github.com/xiaogithubooo" target="_blank">
          @limou3434
        </a>
      </el-text>
    </el-col>
  </div>
</template>

<style scoped>
/* 设置整体背景色 */
.col {
  background-color: #f9f9f9; /* 淡灰色背景 */
  padding: 20px; /* 内边距 */
  margin-bottom: 25px; /* 与底部的距离 */
  border-radius: 3px; /* 增加圆角效果 */
}

/* Col 的内容居中 */
.col {
  text-align: center; /* 水平居中 */
  line-height: 1.5; /* 调整行高以确保文本居中 */
}
</style>
